<template>
  <div class="label-bar">
    <div class="top">
      <label>{{ label }}</label>
    </div>
    <slot></slot>
  </div>
</template>

<script>
export default {
  props: {
    label: { type: String, default: '' },
  },
  data() {
    return {}
  },
  computed: {},
  watch: {},
  created() {
  },
  mounted() {
  },
  methods: {},
}
</script>

<style lang='less' scoped>
.label-bar{
  background: #fff;
  width: 100%;
  margin-bottom: 2px;
  .top{
    padding: 14px 16px 0;
    label{
      position: relative;
      color: #333;
      padding-left: 12px;
      font-size: 16px;
      width: 100%;
      &::after{
        content: ' ';
        position: absolute;
        width: 4px;
        height: 20px;
        background: #1F87FC;
        top: 0px;
        left: 0px;
      }
    }

  }

}
</style>
